<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>modifyUser</title>
    <style>
        .modifyUser{
            width: 550px;
            /*border: 1px solid #000;*/
            box-shadow:5px 5px 12px #aeaeae;
        }
        .user{
            background: #007fff;
            padding: 5px;
            font-size: 18px;
            font-family: '宋体';
            margin-bottom: 5%;
        }
        .userName{
            margin-left: 25%;
            font-family: '宋体';
            font-size: 18px;
            color: #8c03e2;
        }
        .button{
            color: #fff;
            background: #8c03e2;
            width: 80px;
            border: 0;
            border-radius: 5px;
            padding: 5px;
            margin-left: 42%;
            margin-top: 5%;
            margin-bottom: 6%;
        }
        .info{
            width: 98%;
            padding: 3px;
        }
    </style>
</head>
<body>
    <div class="modifyUser">
        <div class="user">
            用户名：六疯子
        </div>
        <label for="userName" class="userName"><strong>用户名：</strong></label>
        <input type="text" id="userName"><br>
        <input type="button" value="确认修改" class="button">
        <input type="text" class="info" value="姓名：六疯子"><br>
        <input type="text" class="info" value="性别：男"><br>
        <input type="text" class="info"><br>
        <input type="text" class="info"><br>
        <input type="text" class="info">
    </div>
</body>
</html>